<!DOCTYPE html>
<html lang="">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="shortcuticon" href="./favicon.ico" />
  <title><%= webpackConfig.metadata.title %></title>
  

  <meta name="description" content="<%= webpackConfig.metadata.title %>">

  <!-- base url -->
  <base href="<%= webpackConfig.metadata.baseUrl %>">
  <style>
    .ta_c{text-align: center;
    margin-top: 100px;}

    @-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
    }

    .Rotation{
    -webkit-transform: rotate(360deg);
    animation: rotation 3s linear infinite;
    -moz-animation: rotation 3s linear infinite;
    -webkit-animation: rotation 3s linear infinite;
    -o-animation: rotation 3s linear infinite;
    }

    /*.img{border-radius: 250px;}*/
  </style>

</head>

<body>

  <div class="app app-header-fixed" id="app-main">
    <navbar :inverted="false"></navbar>
    <!-- content -->
      <div class="app-content">
        <div ui-butterbar></div>
        <a href class="off-screen-toggle hide" ui-toggle-class="off-screen" data-target=".app-aside" ></a>
        <div class="app-content-body fade-in-up">
          <!--<router-view>loading...</router-view>-->
          <router-view>
            <div class="ta_c">
                <img class="Rotation img" src="./img/loading.png" width="200" height="200"/>
                页面加载中。。。 。。。请稍后
            </div>
          </router-view>
        </div>
      </div>
    <!-- /content -->
    
    
  </div>

  <% if (webpackConfig.metadata.isDevServer) { %>
  <!-- Webpack Dev Server reload -->
  <script src="/webpack-dev-server.js"></script>
  <% } %>


</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=7eGHQWZhEnRt28NiHnkgloKVb6n3A3MK&s=1"></script>
</html>